<template>
  <div class="poster_read">
    <img src="../../../assets/img/modules/poster/read_1.png" alt="">
    <img src="../../../assets/img/modules/poster/read_2.png" alt="">
    <img src="../../../assets/img/modules/poster/read_3.png" alt="">
    <img src="../../../assets/img/modules/poster/read_4.png" alt="">
    <div class="footer_btn">
      <a href="javascript:;">立即报读</a>
    </div>
  </div>
</template>
<script>
export default {
  name: 'poster_read',
  components: {},
  data () {
    return {}
  },
  props: {},
  watch: {},
  methods: {},
  computed: {},
  created () {
  },
  mounted () {
  },
  destroyed () {
  }
}
</script>
<style lang="scss" scoped>
  .poster_read {
    img{
      margin: -1px auto 0;
      display: block;
      width: 750px;
    }
    .footer_btn{
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 148px;
      background-color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      a{
        width: 689px;
        height: 84px;
        border-radius: 6px;
        background-color: #C8171E;
        font-size: 32px;
        color: #ffffff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
</style>
